<template>
    <div>
        <ul>
            <li v-for="item in list" :key="item.id">
                <img :src="item.image" alt="">
                <p>{{ item.title }}</p>
                <p>{{ item.price }}</p>
            </li>
        </ul>
    </div>
</template>

<script setup>
import requset from '@/uitle/requset'
import {ref,onMounted} from 'vue'
const list = ref([])
onMounted(()=>{
    requset.get('/list',{
        params:{
            pagination:1, pageNum:30
        }
    }).then((res)=>{
        if(res.data.code==200){
            // console.log(res);
         list.value=res.data.data   
        }
    })
})
</script>

<style lang="scss" scoped>
ul{
    column-count: 2;
    li{
        break-inside: avoid;
    }
}
</style>